<template>
 <div class="headermob">
          <Tabs v-model="active" scrollspy sticky>
               <Tab v-for="item in list" :key="item.id" :title="item.name">
          </Tab>
</Tabs>
 </div>
</template>

<script>
import { NavBar,Button,Tab, Tabs } from 'vant';

   export default {
      data() {
          return {
           menuisshow:true, //导航栏切换
           active:"1",
           list:[
                {
                  id:0,
                  name:'首页'   
                },
                {
                  id:1,
                  name:'最新活动'   
                },
                {
                  id:2,
                  name:'新闻资讯'   
                },
                {
                  id:3,
                  name:'联盟简介'   
                },
                {
                  id:4,
                  name:'加入联盟'   
                },
                {
                  id:5,
                  name:'联系我们'   
                },
                {
                  id:6,
                  name:'更多'   
                },

           ]
      }
      },
      //生命周期 - 创建完成
     created(){ 
       
     },

     //DOM挂载完毕
     mounted() {

     },
     components: {
    NavBar,Button,Tab, Tabs
     },
      methods: {
           handleshow(){
                this.menuisshow=false
           },
           handleover(){
                this.menuisshow=true
           },

      },
 
      }
</script>

<style lang='less' scoped>
.headermob{
     height:2.6rem;
     display: flex;
     justify-content: center;
     align-items: center;
     opacity: 0.7;
     // background-color:rgba(0,0,0,0.5) !important;
}

</style>